// @ts-nocheck
import React from 'react'
import { Layout } from 'antd';
import TopNav from '@/components/Nav/TopNav'
import Account from '@/components/Account'
// import { TOP_NAV, SYSTEM_MANAGE } from '@/config'
import { THEME, THEME_STYLE } from '@/constants'
import { getCurrentMenu } from '@/layouts/helpers'
import navigationLogo from '@/assets/images/navigation-logo.png'
import styles from './index.module.less'

export default ({ menu, handleMenuClick }) => {
  return (
    <Layout.Header style={{ ...THEME_STYLE, padding: '0 20px' }}>
      <div className={styles['app-header']}>
        <img className={styles['app-header-navigation']} src={navigationLogo} />
        <TopNav theme={THEME} menu={getCurrentMenu(menu, 1)} handleMenuClick={handleMenuClick} />
        <div className={styles["app-header-functions"]}>
          {/* <Config menus={SYSTEM_MANAGE} />
          <Message types={['系统', '告警']} /> */}
          <Account />
        </div>
      </div>
    </Layout.Header>
  )
}
